<template>
	<page-body>
		<view class="page">
			<view class="flex align-stretch benben-position-layout flex refundXq_flex_0"
				:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
				<view class='flex align-center justify-between flex-sub refundXq_fd0_0'>
					<view class='flex align-center refundXq_fd0_0_c0' @tap.stop="handleJumpDiy" data-type="back"
						data-url="1">
						<text class='fu-iconfont2  refundXq_fd0_0_c0_c0'>&#xE794;</text>
					</view>
					<text class='refundXq_fd0_0_c1'>退款详情</text>
					<view class='flex align-center refundXq_fd0_0_c0'>
					</view>
				</view>

			</view>
			<view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
			<!---flex布局flex布局开始-->
			<view class="flex flex-wrap align-center benben-flex-layout refundXq_flex_1" v-if="detail.after_sale_info">
				<view class='flex flex-direction flex-wrap align-stretch flex-sub refundXq_fd1_0' v-if="detail.after_sale_info.status == 1">
					<text class='refundXq_fd1_0_c0'>售后中</text>
					<view class='flex flex-wrap align-center refundXq_fd1_0_c1'>
						<text class='refundXq_fd1_0_c1_c0'>等待平台处理</text>
					</view>
				</view>
				<view class='flex flex-direction flex-wrap align-stretch flex-sub refundXq_fd1_0' v-if="detail.after_sale_info.status == -1">
					<text class='refundXq_fd1_0_c0'>审核失败</text>
					<view class='flex flex-wrap align-center refundXq_fd1_0_c1'>
						<text class='refundXq_fd1_0_c1_c0'>原因：{{detail.after_sale_info.refuse_reason}}</text>
					</view>
				</view>
				<button class='refundXq_fd1_1' v-if="detail.after_sale_info.status == 1" @tap.stop="popupShow1716018397737 = true">撤销申请</button>
				<!-- <button class='refundXq_fd1_1' v-if="detail.after_sale_info.status == 2 || detail.after_sale_info.status == -1" @tap.stop="popupShow1716018397736 = true">删除订单</button> -->
			</view>

			<!---flex布局flex布局结束-->
			<!---flex布局flex布局开始-->
			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout refundXq_flex_2" 
			    v-if="detail.after_sale_info && detail.after_sale_info.status == 2 && detail.after_sale_info.refund_status==1">
				<view class='flex flex-wrap align-center refundXq_fd2_0'>
					<text class='refundXq_fd2_0_c0'>退款金额</text>
					<text class='refundXq_fd2_0_c1'>¥</text>
					<text class='refundXq_fd2_0_c1'>{{detail.after_sale_info.refund_money}}</text>
				</view>
				<view class='flex flex-wrap align-center refundXq_fd2_0'>
					<text class='refundXq_fd2_0_c0'>退款账户</text>
					<text class='refundXq_fd2_0_c1'>钱包余额</text>
				</view>
				<view class='flex flex-wrap align-center refundXq_fd2_0'>
					<text class='refundXq_fd2_0_c0'>退款时间</text>
					<text class='refundXq_fd2_0_c1'>{{detail.after_sale_info.refund_time}}</text>
				</view>
			</view>

			<!---flex布局flex布局结束-->
			<!---flex布局flex布局开始-->
			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout refundXq_flex_3" v-if="detail.after_sale_info">
				<view class='flex flex-direction flex-wrap align-stretch refundXq_fd3_0'>
					<view class='flex flex-wrap align-center refundXq_fd3_0_c0'>
						<text class='refundXq_fd3_0_c0_c0'>退款信息</text>
					</view>
					<view class='flex flex-wrap align-center refundXq_fd3_0_c1'>
						<text class='self-start refundXq_fd3_0_c1_c0'>退款原因</text>
						<text class='flex-sub refundXq_fd3_0_c1_c1'>{{detail.after_sale_info.refund_reason }}</text>
					</view>
					<view class='flex flex-wrap align-center refundXq_fd3_0_c1'>
						<text class='refundXq_fd3_0_c1_c0'>退款金额</text>
						<text class='refundXq_fd3_0_c1_c1'>￥</text>
						<text class='refundXq_fd3_0_c1_c1'>{{detail.after_sale_info.refund_money}}</text>
					</view>
					<!-- <view class='flex flex-wrap align-center refundXq_fd3_0_c1'>
						<text class='refundXq_fd3_0_c3_c0'>退款账户</text>
						<text class='refundXq_fd3_0_c3_c1'>原路返回</text>
					</view>
					<view class='flex flex-wrap align-center refundXq_fd3_0_c1'>
						<text class='refundXq_fd3_0_c3_c0'>退款时间</text>
						<text class='refundXq_fd3_0_c3_c1'>{{detail.after_sale_info.refund_time}}</text>
					</view> -->
					<view class='flex flex-wrap align-stretch refundXq_fd3_0_c5'>
						<text class='self-start refundXq_fd3_0_c5_c0'>退款说明</text>
						<text class='flex-sub refundXq_fd3_0_c1_c1'>{{detail.after_sale_info.refund_content}}</text>
					</view>
					<view class='flex flex-wrap align-center refundXq_fd3_0_c6' v-if="detail.after_sale_info.refund_picture.length > 0">
						
						<template v-for='(item,key0) in detail.after_sale_info.refund_picture'>
							<view class='flex flex-wrap align-center refundXq_fd3_0_c6_c0'>
								<image class='refundXq_fd3_0_c6_c0_c0' mode="aspectFill" :src='item'  @tap.stop="multiImagePreview(item,detail.finish_image,'')"></image>
							</view>
						</template>
					</view>
				</view>
			</view>
			<!---flex布局flex布局结束-->
			<benben-popup v-model="popupShow1715854171154" :mask="true" :mask-close-able="true" mode='bottom'>
				<!---配送费弹窗flex布局开始-->
				<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout refundXq_flex_8">
					<view class='flex flex-wrap align-center justify-between refundXq_fd8_0'>
						<view class='flex flex-wrap align-center refundXq_fd8_0_c0'>
						</view>
						<text class='refundXq_fd8_0_c1'>打包费说明</text>
						<image class='refundXq_fd8_0_c0' mode="aspectFit" :src='STATIC_URL+"48.png"'></image>
					</view>
					<text
						class='refundXq_fd8_1'>根据后台设定的配送费计算规则自动生成（商品价格20元以内配送费2元，20-40元配送费4元，40-60元以内配送费6元根据后台设定的配送费计算规则自动生成（商品价格20元以内配送费2元</text>
				</view>

				<!---配送费弹窗flex布局结束-->

			</benben-popup>
			<benben-popup v-model="popupShow1715742139239" :mask="true" :mask-close-able="true" mode='bottom'>
				<!---配送费弹窗flex布局开始-->
				<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout refundXq_flex_9">
					<view class='flex flex-wrap align-center justify-between refundXq_fd9_0'>
						<view class='flex flex-wrap align-center refundXq_fd9_0_c0'>
						</view>
						<text class='refundXq_fd9_0_c1'>配送费说明</text>
						<image class='refundXq_fd9_0_c0' mode="aspectFit" :src='STATIC_URL+"48.png"'></image>
					</view>
					<text
						class='refundXq_fd9_1'>根据后台设定的配送费计算规则自动生成（商品价格20元以内配送费2元，20-40元配送费4元，40-60元以内配送费6元根据后台设定的配送费计算规则自动生成（商品价格20元以内配送费2元</text>
				</view>

				<!---配送费弹窗flex布局结束-->

			</benben-popup>
			<benben-popup v-model="popupShow1715734974451" :mask="true" :mask-close-able="true" mode='bottom'>
				<!---上楼费弹窗flex布局开始-->
				<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout refundXq_flex_10">
					<view class='flex flex-wrap align-center justify-between refundXq_fd10_0'>
						<view class='flex flex-wrap align-center refundXq_fd10_0_c0'>
						</view>
						<text class='refundXq_fd10_0_c1'>上楼费说明</text>
						<image class='refundXq_fd10_0_c0' mode="aspectFit" :src='STATIC_URL+"48.png"'></image>
					</view>
					<text
						class='refundXq_fd10_1'>用户选择是否上楼，默认为否，选择是的话，需要选择楼层和是否有电梯，有电梯上楼费为0,；没有电梯，根据后台设定的上楼费规则自动显示费用（选择1楼，上楼费为2元；选择2楼，上楼费为4元；选择3楼，上楼费为6元……）</text>
				</view>

				<!---上楼费弹窗flex布局结束-->

			</benben-popup>
			<benben-popup v-model="popupShow1716018397737" :mask="true" :mask-close-able="true" mode='center'>
			    <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout detailsDd_flex_16">
			        <text class='detailsDd_fd16_0'>提示</text>
			        <text class='detailsDd_fd16_1'>确认撤销申请？</text>
			        <view class='flex flex-wrap align-center'>
			            <button class='detailsDd_fd16_2_c0' @tap.stop="popupShow1716018397737=false">取消</button>
			            <button class='detailsDd_fd16_2_c1' @tap.stop="post647422bf5029b">确认</button>
			        </view>
			    </view>
			</benben-popup>
			<benben-popup v-model="popupShow1716018397736" :mask="true" :mask-close-able="true" mode='center'>
			    <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout detailsDd_flex_16">
			        <text class='detailsDd_fd16_0'>提示</text>
			        <text class='detailsDd_fd16_1'>确定要删除申请么吗？</text>
			        <view class='flex flex-wrap align-center'>
			            <button class='detailsDd_fd16_2_c0' @tap.stop="popupShow1716018397736=false">取消</button>
			            <button class='detailsDd_fd16_2_c1' @tap.stop="post66702f70e1272">确认</button>
			        </view>
			    </view>
			</benben-popup>


		</view>
	</page-body>
</template>
<script>
	export default {
		components: {},


		data() {
			return {
				popupShow1716018397736:false,
				popupShow1716018397737:false,
				"popupShow1715734974451": false,
				"popupShow1715742139239": false,
				"popupShow1715854171154": false,
				"aid": "",
				order_sn:'',
				orderType:'',
				detail:'',
			};
		},
		computed: {

		},
		watch: {},
		onLoad(options) {
			let {
				aid,order_sn,type
			} = options
			if (aid !== undefined) this.aid = aid
			if (order_sn !== undefined) this.order_sn = order_sn
			if (type !== undefined) this.orderType = type
			this.getjp46b2e719a5caFunc()
		},
		onUnload() {

		},
		onReady() {

		},
		onShow() {

		},
		onHide() {

		},
		onResize() {

		},
		onPullDownRefresh() {

		},
		onReachBottom(e) {

		},
		onPageScroll(e) {

		},
		methods: {
			// 撤销申请
			async post647422bf5029b(){
				this.popupShow1716018397737 = false
				let datauser = await this.$api.post(global.apiUrls.post647422bf5029b, {
					order_sn:this.detail.order_sn,
					order_type:this.aid ? 1 : 2,
				});
				if (datauser.data.code != 1) {
				    this.$message.info(datauser.data.msg);
				    return
				}
				// this.getjp46b2e719a5caFunc()
				this.$message.info('撤销成功！');
				setTimeout(() => {
					this.$urouter.navigateBack(1);
				}, 500)
			},
			//用户端=>订单详情
			async getjp46b2e719a5caFunc() {
				let url = ''
				let page = {}
				if(this.aid){
					url = global.apiUrls.post646b2e719a5ca
					page = {
						aid: this.aid
					}
				}else{
					url = global.apiUrls.post666fe97a89002
					page = {
						order_sn: this.order_sn
					}
					
				}
			    let datadetail = await this.$api.get(url,page);
			
			    if (datadetail.data.code != 1) {
			        this.$message.info(datadetail.data.msg);
			        return
			    }
			    let infodetail = datadetail.data;
			    this.detail = infodetail.data
			
			},
		}
	};
</script>
<style lang="scss" scoped>
	.page {
		width: 100vw;
		overflow-x: hidden;
		min-height: calc(100vh - var(--window-bottom));
		background: url(image-path('59.png')) no-repeat;
		background-size: 100% auto;
	}

	.refundXq_flex_0 {
		background: url(image-path('59.png')) no-repeat;
		width: 750rpx;
		height: 88rpx;
		overflow: hidden;
		z-index: 10;
		top: 0rpx;
		background-size: 100% auto !important;
	}

	.refundXq_fd0_0_c1 {
		font-size: 36rpx;
		font-weight: 500;
		color: var(--benbenFontColor3);
	}

	.refundXq_fd0_0_c0_c0 {
		font-size: 32rpx;
		font-weight: 500;
		color: var(--benbenFontColor3);
	}

	.refundXq_fd0_0_c0 {
		width: 180rpx;
		height: 88rpx;
	}

	.refundXq_fd0_0 {
		padding: 0rpx 32rpx 0rpx 32rpx;
		height: 88rpx;
	}

	.refundXq_flex_1 {
		padding: 0rpx 24rpx 0rpx 24rpx;
		margin: 16rpx 0rpx 16rpx 0rpx;
	}

	.refundXq_fd1_1 {
		background: #F6F7F9;
		border-radius: 36rpx 36rpx 36rpx 36rpx;
		width: 148rpx;
		line-height: 56rpx;
		font-size: 24rpx;
		color: var(--benbenFontColor4);
		height: 56rpx;
	}

	.refundXq_fd1_0_c1_c0 {
		font-size: 24rpx;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 33rpx;
	}

	.refundXq_fd1_0_c1 {
		font-size: 28rpx;
		font-weight: 400;
		color: #fff;
	}

	.refundXq_fd1_0_c0 {
		font-size: 32rpx;
		font-weight: 500;
		color: #FFFFFF;
		line-height: 45rpx;
		margin: 0rpx 0rpx 8rpx 0rpx;
	}

	.refundXq_fd1_0 {
		margin: 0rpx 24rpx 0rpx 0rpx;
	}

	.refundXq_flex_2 {
		background: var(--benbenbgColor1);
		margin: 0rpx 24rpx 24rpx 24rpx;
		background-size: 100% auto;
		border-radius: 16rpx;
		padding: 32rpx 24rpx 0rpx 24rpx;
	}

	.refundXq_fd2_0_c1 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 40rpx;
	}

	.refundXq_fd2_0_c0 {
		color: #999999;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 40rpx;
		margin: 0rpx auto 0rpx 0rpx;
	}

	.refundXq_fd2_0 {
		margin: 0rpx 0rpx 32rpx 0rpx;
	}

	.refundXq_flex_3 {
		padding: 0rpx 24rpx 0rpx 24rpx;
		margin: 0rpx 0rpx 32rpx 0rpx;
	}

	.refundXq_fd3_0_c6_c0_c0 {
		width: 150rpx;
		height: 150rpx;
		border-radius: 16rpx;
	}

	.refundXq_fd3_0_c6_c0 {
		margin: 0rpx 9rpx 24rpx 9rpx;
	}

	.refundXq_fd3_0_c6 {
		padding: 0rpx 15rpx 0rpx 150rpx;
	}

	.refundXq_fd3_0_c5_c0 {
		font-size: 28rpx;
		font-weight: 400;
		color: #999999;
		margin: 0rpx 24rpx 0rpx 0rpx;
		line-height: 40rpx;
	}

	.refundXq_fd3_0_c5 {
		line-height: 34rpx;
		margin: 0rpx 24rpx 32rpx 24rpx;
	}

	.refundXq_fd3_0_c3_c1 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 40rpx;
	}

	.refundXq_fd3_0_c3_c0 {
		color: #999999;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 40rpx;
		margin: 0rpx 24rpx 0rpx 0rpx;
	}

	.refundXq_fd3_0_c1_c1 {
		font-size: 28rpx;
		font-weight: 400;
		color: #333333;
		line-height: 40rpx;
	}

	.refundXq_fd3_0_c1_c0 {
		margin: 0rpx 24rpx 0rpx 0rpx;
		font-size: 28rpx;
		font-weight: 400;
		color: #999999;
		line-height: 40rpx;
	}

	.refundXq_fd3_0_c1 {
		margin: 0rpx 24rpx 32rpx 24rpx;
	}

	.refundXq_fd3_0_c0_c0 {
		font-size: 32rpx;
		font-weight: 500;
		color: #333333;
		line-height: 45rpx;
	}

	.refundXq_fd3_0_c0 {
		border-bottom: 1px solid #eee;
		padding: 32rpx 24rpx 24rpx 24rpx;
		margin: 0rpx 0rpx 32rpx 0rpx;
	}

	.refundXq_fd3_0 {
		background: #fff;
		background-size: 100% auto !important;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}

	.refundXq_flex_4 {
		background: var(--benbenbgColor1);
		margin: 0rpx 24rpx 24rpx 24rpx;
		background-size: 100% auto;
		border-radius: 16rpx;
		padding: 40rpx 64rpx 40rpx 64rpx;
	}

	.refundXq_fd4_0_c1 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 40rpx;
		margin: 16rpx 0rpx 0rpx 0rpx;
	}

	.refundXq_fd4_0_c0 {
		width: 40rpx;
		height: 40rpx;
	}

	.refundXq_flex_5 {
		background: var(--benbenbgColor1);
		margin: 24rpx 24rpx 24rpx 24rpx;
		background-size: 100% auto;
		border-radius: 16rpx;
		padding: 24rpx 24rpx 24rpx 24rpx;
	}

	.refundXq_fd5_1_c1 {
		background: var(--benbenbgColor0);
		border-radius: 36rpx 36rpx 36rpx 36rpx;
		width: 148rpx;
		line-height: 56rpx;
		font-size: 24rpx;
		color: var(--benbenFontColor3);
		height: 56rpx;
	}

	.refundXq_fd5_1_c0 {
		background: #F6F7F9;
		border-radius: 36rpx 36rpx 36rpx 36rpx;
		width: 148rpx;
		line-height: 56rpx;
		font-size: 24rpx;
		color: var(--benbenFontColor0);
		height: 56rpx;
		margin: 0rpx 24rpx 0rpx 0rpx;
	}

	.refundXq_fd5_0_c0 {
		margin: 0rpx 24rpx 0rpx 0rpx;
		color: #333333;
		font-size: 40rpx;
		font-weight: 500;
		line-height: 56rpx;
	}

	.refundXq_fd5_0 {
		margin: 0rpx 0rpx 016rpx 0rpx;
	}

	.refundXq_flex_6 {
		background: var(--benbenbgColor1);
		background-size: 100% auto;
		border-radius: 16rpx;
		margin: 0rpx 24rpx 20rpx 24rpx;
		padding: 0rpx 24rpx 0rpx 24rpx;
	}

	.refundXq_fd6_9_c4 {
		color: #FF8E21;
		font-size: 32rpx;
		font-weight: 700;
		line-height: 45rpx;
		text-align: center;
		font-style: normal;
	}

	.refundXq_fd6_9_c3 {
		color: #FF8E21;
		font-size: 22rpx;
		font-weight: 700;
		line-height: 45rpx;
		text-align: center;
		font-style: normal;
	}

	.refundXq_fd6_9_c2 {
		color: #999999;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 33rpx;
		margin: 0rpx 9rpx 0rpx 32rpx;
	}

	.refundXq_fd6_9 {
		border-top: 1px solid #eee;
		padding: 30rpx 0rpx 30rpx 0rpx;
	}

	.refundXq_fd6_8_c1_c1 {
		color: #FA2033;
		font-size: 22rpx;
		font-weight: 500;
		line-height: 30rpx;
	}

	.refundXq_fd6_8_c1_c0 {
		width: 33rpx;
		height: 33rpx;
		margin: 0rpx 7rpx 0rpx 0rpx;
	}

	.refundXq_fd6_8_c1 {
		background: linear-gradient(180deg, #FDD3D3 0%, #FFDEDE 100%);
		;
		background-size: 100% auto;
		padding: 0rpx 10rpx 0rpx 0rpx;
		height: 38rpx;
	}

	.refundXq_fd6_7_c0 {
		width: 33rpx;
		height: 33rpx;
		margin: 0rpx 10rpx 0rpx 0rpx;
	}

	.refundXq_fd6_4_c0 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 40rpx;
		text-align: left;
		font-style: normal;
		margin: 0rpx auto 0rpx 0rpx;
	}

	.refundXq_fd6_3 {
		margin: 0rpx 0rpx 32rpx 0rpx;
	}

	.refundXq_fd6_2_c3 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 40rpx;
	}

	.refundXq_fd6_2_c2 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 40rpx;
		margin: 0rpx 0rpx 0rpx auto;
	}

	.refundXq_fd6_2_c1 {
		font-size: 32rpx;
		color: rgba(153, 153, 153, 1);
		margin: 0rpx 0rpx 0rpx 16rpx;
	}

	.refundXq_fd6_2_c0 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 40rpx;
		text-align: left;
		font-style: normal;
	}

	.refundXq_fd6_2 {
		margin: 24rpx 0rpx 32rpx 0rpx;
	}

	.refundXq_fd6_1_c1_c2 {
		margin: 16rpx 0rpx 0rpx 0rpx;
	}

	.refundXq_fd6_1_c1_c1 {
		color: #999999;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 33rpx;
	}

	.refundXq_fd6_1_c1_c0_c1_c1 {
		color: var(--benbenFontColor0);
		font-size: 32rpx;
		font-weight: 500;
		line-height: 40rpx;
	}

	.refundXq_fd6_1_c1_c0_c1_c0 {
		color: var(--benbenFontColor0);
		font-size: 22rpx;
		font-weight: 500;
		line-height: 38rpx;
	}

	.refundXq_fd6_1_c1_c0_c0 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 40rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		margin: 0rpx 20rpx 0rpx 0rpx;
	}

	.refundXq_fd6_1_c1_c0 {
		margin: 0rpx 0rpx 16rpx 0rpx;
	}

	.refundXq_fd6_1_c0 {
		width: 152rpx;
		height: 152rpx;
		border-radius: 16rpx;
		margin: 0rpx 24rpx 0rpx 0rpx;
	}

	.refundXq_fd6_1 {
		margin: 0rpx 0rpx 24rpx 0rpx;
	}

	.refundXq_fd6_0_c1 {
		border: 1px solid rgba(62, 158, 240, 1);
		background: var(--benbenbgColor1);
		border-radius: 4rpx;
		line-height: 32rpx;
		font-size: 20rpx;
		color: rgba(62, 158, 240, 1);
		margin: 0rpx 0rpx 0rpx 8rpx;
		height: 32rpx;
		padding: 0rpx 9rpx 0rpx 9rpx;
	}

	.refundXq_fd6_0_c0 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 700;
		line-height: 45rpx;
		max-width: 550rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}

	.refundXq_fd6_0 {
		padding: 32rpx 0rpx 40rpx 0rpx;
	}

	.refundXq_flex_7 {
		background: var(--benbenbgColor1);
		margin: 0rpx 24rpx 32rpx 24rpx;
		background-size: 100% auto;
		border-radius: 16rpx;
		padding: 22rpx 24rpx 22rpx 24rpx;
	}

	.refundXq_fd7_1 {
		margin: 0rpx 24rpx 0rpx 0rpx;
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 40rpx;
		text-align: right;
	}

	.refundXq_fd7_0 {
		margin: 0rpx 24rpx 0rpx 0rpx;
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 40rpx;
	}

	.refundXq_flex_8 {
		background: #fff;
		background-size: 100% auto !important;
		border-radius: 24rpx 24rpx 0rpx 0rpx;
		padding: 0rpx 32rpx 0rpx 32rpx;
	}

	.refundXq_fd8_1 {
		line-height: 50rpx;
		font-size: 26rpx;
		font-weight: 400;
		color: #333333;
		margin: 0rpx 0rpx 100rpx 0rpx;
	}

	.refundXq_fd8_0_c1 {
		line-height: 50rpx;
		font-size: 36rpx;
		font-weight: 500;
		color: #333333;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		margin: 0rpx 16rpx 0rpx 16rpx;
	}

	.refundXq_fd8_0_c0 {
		width: 40rpx;
		height: 40rpx;
	}

	.refundXq_fd8_0 {
		margin: 40rpx 0rpx 44rpx 0rpx;
	}

	.refundXq_flex_9 {
		background: #fff;
		background-size: 100% auto !important;
		border-radius: 24rpx 24rpx 0rpx 0rpx;
		padding: 0rpx 32rpx 0rpx 32rpx;
	}

	.refundXq_fd9_1 {
		line-height: 50rpx;
		font-size: 26rpx;
		font-weight: 400;
		color: #333333;
		margin: 0rpx 0rpx 100rpx 0rpx;
	}

	.refundXq_fd9_0_c1 {
		line-height: 50rpx;
		font-size: 36rpx;
		font-weight: 500;
		color: #333333;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		margin: 0rpx 16rpx 0rpx 16rpx;
	}

	.refundXq_fd9_0_c0 {
		width: 40rpx;
		height: 40rpx;
	}

	.refundXq_fd9_0 {
		margin: 40rpx 0rpx 44rpx 0rpx;
	}

	.refundXq_flex_10 {
		background: #fff;
		background-size: 100% auto !important;
		border-radius: 24rpx 24rpx 0rpx 0rpx;
		padding: 0rpx 32rpx 0rpx 32rpx;
	}

	.refundXq_fd10_1 {
		line-height: 50rpx;
		font-size: 26rpx;
		font-weight: 400;
		color: #333333;
		margin: 0rpx 0rpx 100rpx 0rpx;
	}

	.refundXq_fd10_0_c1 {
		line-height: 50rpx;
		font-size: 36rpx;
		font-weight: 500;
		color: #333333;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		margin: 0rpx 16rpx 0rpx 16rpx;
	}

	.refundXq_fd10_0_c0 {
		width: 40rpx;
		height: 40rpx;
	}

	.refundXq_fd10_0 {
		margin: 40rpx 0rpx 44rpx 0rpx;
	}
	.detailsDd_flex_16 {
	    background: #fff;
	    width: 540rpx;
	    background-size: 100% auto !important;
	    border-radius: 16rpx 16rpx 16rpx 16rpx;
	}
	.detailsDd_fd16_2_c1 {
	    border-top: 1px solid #eee;
	    border-left: 1px solid #eee;
	    background: #fff;
	    border-radius: 0rpx 0rpx 16rpx 0rpx;
	    font-size: 32rpx;
	    color: var(--benbenFontColor4);
	    width: 269rpx;
	    height: 110rpx;
	    line-height: 110rpx;
	    font-weight: 500;
	}
	
	.detailsDd_fd16_2_c0 {
	    border-top: 1px solid #eee;
	    border-right: 1px solid #eee;
	    background: #fff;
	    border-radius: 0rpx 0rpx 0rpx 16rpx;
	    font-size: 32rpx;
	    color: rgba(153, 153, 153, 1);
	    width: 269rpx;
	    height: 110rpx;
	    line-height: 110rpx;
	    font-weight: 500;
	}
	
	.detailsDd_fd16_1 {
	    line-height: 40rpx;
	    font-size: 28rpx;
	    font-weight: 400;
	    color: #333333;
	    text-align: center;
	    margin: 0rpx 0rpx 40rpx 0rpx;
	}
	
	.detailsDd_fd16_0 {
	    line-height: 45rpx;
	    font-size: 32rpx;
	    font-weight: 500;
	    color: #333333;
	    text-align: center;
	    margin: 40rpx 0rpx 40rpx 0rpx;
	}
</style>
